<!DOCTYPE html>
{% load staticfiles %}

<html lang="zh-cn">
    <head>
        {# 引入CSS #}
        <link rel="stylesheet" href="{% static 'bootstrap/dist/css/bootstrap.css' %}">
        <link rel="stylesheet" href="{% static 'css/font-awesome.css' %}">
        {% block css %}{% endblock %}

        {# 引入JS #}
        <script src="{% static 'js/echarts.min.js' %}"></script>
        <script type="text/javascript" src="{% static 'jquery/dist/jquery.js' %}"></script>
        <script type="text/javascript" src="{% static 'popper/dist/popper.js' %}"></script>
        <script type="text/javascript" src="{% static 'popper/dist/esm/popper.js' %}"></script>
        <script type="text/javascript" src="{% static 'popper/dist/umd/popper.js' %}"></script>
        <script type="text/javascript" src="{% static 'bootstrap/dist/js/bootstrap.js' %}"></script>
        {% block head-js %}{% endblock %}

        {# 引入meta #}
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
        {% block meta %}{% endblock %}

        <title>{% block PageTitle %}{% endblock %}</title>
    </head>
    <body>
        {#    浮动栏    #}
        {% block fixed %}{% endblock %}

        {#    头部栏    #}
        {% block header %}{% endblock %}

        {#    内容栏    #}
        {% block content %}{% endblock %}

        {#    尾部栏    #}
        {% block footer %}{% endblock %}

        {#    尾连接JS脚本    #}
        {% block footer-js %}{% endblock %}
    </body>
</html>